/**
 * Created by tdzl2003 on 8/25/16.
 */
import React, {PropTypes} from 'react';
import {Link} from 'react-router';
import classnames from 'classnames';
import LoginState from '../../navbar/LoginState';
import styles from './SiteLayout.less';

export default class SiteLayout extends React.Component {
  render() {
    const { menu, children } = this.props;

    return (
      <div className={styles.container}>
        <div className={styles.ceiling}>
          <div className={classnames(styles.wrapper, styles.right)}>
            <LoginState />
          </div>
        </div>

        <aside className={styles.sider}>
          {menu}
        </aside>
        <div className={styles.main}>
          {children}
        </div>
      </div>
    )
  }
}
